import {$} from '../js/library/jquery.js';
import {cookie} from '../js/library/cookie.js';
import {querystring} from '../js/library/qs.js';

// 密码显示与隐藏
$('.mmk').on('click','.icon-bukejian',function(){
    if($('.pwd').val() != ''){
        $(this).css('display','none');
        $('.icon-kejian').css('display','block');
        $('.pwd').attr('type','text');
    }
})
$('.mmk').on('click','.icon-kejian',function(){
    $(this).css('display','none');
    $('.icon-bukejian').css('display','block');
    $('.pwd').attr('type','password');
})

// 登录按钮开放与禁用
$('.pwd').on('input',function(){
    if($('.num').val() != "" && $('.pwd').val() != ""){
        $('.sub').removeAttr('disabled').css('opacity',1);
    }else{
        $('.sub').attr('disabled','disabled').css('opacity',0.3);
    }
})

// 帐号输入验证
let reg = /[A-Za-z0-9]{4,}/;
$('.num').on('blur',function(){
    // 帐号输入不符合要求
    let res = reg.test($(this).val());
    if(!res){
        $('.xinxi').html('<span class="iconfont icon-iconfontgantanhao"></span>您输入的帐号错误');
        $(this).css('border','1px solid #ca141d');
    }else{
        $('.xinxi').html('');
        $(this).css('border','none');
    }
    // 帐号输入框失去焦点
    if($(this).val() == ''){
        $('.xinxi').html('<span class="iconfont icon-iconfontgantanhao"></span>请输入您的帐号');
        $(this).css('border','1px solid #ca141d');
    }
})
//密码输入框失去焦点
$('.pwd').on('blur',function(){
    if($(this).val() == ''){
        $('.xinxi').html('<span class="iconfont icon-iconfontgantanhao"></span>请输入您的密码');
        $(this).css('border','1px solid #ca141d');
    }else{
        $(this).css('border','1px solid transparent')
    }
})